<template>
  <div class="search flex f-jc-c f-ai-c">
    <SearchInput @search="handleSearch" />
  </div>
</template>

<script>
import SearchInput from "@/components/SearchInput";
export default {
  name: "SearchModule",
  components: {
    SearchInput
  },
  methods: {
    handleSearch(keyword) {
      console.log(keyword);
    }
  }
};
</script>

<style scoped lang="less">
.search {
  margin: 0 auto;
  width: 60%;
  height: 10%;
}
</style>
